<style>
    .form-copy {
        margin-right: 5px;
        border-radius: 0;
        box-shadow: none;
        padding: 4px 12px 7px 12px;
        font-size: 14px;
        line-height: 1.42857143;
        color: #555;
        border: 1px solid #ccc;
        transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    }
    .select2 {
        margin-right: 5px
    }
</style>

<div class="btn-group" style="margin-right: 10px; margin-top: 10px;">
    <form action="{{ $action }}" pjax-container method="get">
        <input type="text" class="form-copy" name="order_no" value="{{ $filtersBlade['order_no'] }}" placeholder="订单号">
        <input type="text" class="form-copy" name="sku" value="{{ $filtersBlade['sku'] }}" placeholder="SKU信息">
        <select id="status" name="status">
            {{ $filtersBlade['status'] }}
        </select>
        <select id="order_channel" name="order_channel">
            {{ $filtersBlade['order_channel'] }}
        </select>
        <select id="order_type" name="order_type">
            {{ $filtersBlade['order_type'] }}
        </select>
        <select id="plat_id" name="plat_id">
            {{ $filtersBlade['plat_id'] }}
        </select>
        <select id="classify_id" name="classify_id">
            {{ $filtersBlade['classify_id'] }}
        </select>
        <input style="width: 110px;" type="text" id="start_date" name="start_date" value="{{ $filtersBlade['start_date'] }}" class="form-copy" placeholder="下单开始日期">
        <input style="width: 110px;" type="text" id="end_date" name="end_date" value="{{ $filtersBlade['end_date'] }}" class="form-copy" placeholder="下单截止日期">
        <button class="btn btn-sm btn-info submit"><i class="fa fa-search"></i>&nbsp;&nbsp;{{ trans('admin.search') }}</button>
        <a style="margin-left: 10px;" href="{{ $action }}" class="btn btn-sm btn-default"><i class="fa fa-undo"></i>&nbsp;&nbsp;{{ trans('admin.reset') }}</a>
    </form>
</div>
<script language="JavaScript" type="text/javascript">
    $(function () {
        $('#status').select2({placeholder: '申请状态', allowClear: true, width: '150px'});
        $('#order_channel').select2({placeholder: '订单渠道', allowClear: true, width: '150px'});
        $('#order_type').select2({placeholder: '订单类型', allowClear: true, width: '150px'});
        $('#plat_id').select2({placeholder: '订单平台', allowClear: true, width: '150px'});
        $('#classify_id').select2({placeholder: '品类', allowClear: true, width: '150px'});
        $('#start_date').datetimepicker({"format":"YYYY-MM-DD","locale":"zh-CN","maxDate":moment()});
        $('#end_date').datetimepicker({"format":"YYYY-MM-DD","locale":"zh-CN","maxDate":moment()});
    });
</script>
